﻿.index{width: 1200px; margin: 0 auto;height: auto;overflow: hidden;}
.head{height: 95px;}
.head>span{ display: block; float: left; width: 458px; margin-top: 23px; }
.head-right{ float: right; margin-top: 20px; }
.head-right p a{ font-size: 14px; margin-right: 10px; color: #666666; }
.head-right p{ text-align: right}
/*head*/
.nav{width: 100%; height: 50px; background: #007dc5;}   
.nav ul li{ float: left; margin:0 10px; }
.nav ul li a{ transition: all .7s; line-height: 50px; color: #fff; font-size: 14px; padding: 5px 8px; }
.nav ul li.act a{ background:#00aeef  }
.nav ul li a:hover{background:#00aeef}
/*nav*/
.ba-cen{ position:relative; float: left; width:100%;height:540px;}
.pic { height:540px; position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  } 
.pic li { position: absolute;   width: 100%; display: none;  left: 0;  top: 0;  } 
.pic img {height:540px;  display: block;  float: left;  width: 100%;  border: 0;  }
.num li{  width:8px; height:8px; float:left; cursor:pointer; margin:0 5px; background: #00aeef}
.num li.bct{ width: 15px; height:15px; background:#007dc5; margin-top:-4px;}
.num { position:absolute; z-index:100; bottom:4%;}
/*banner*/
.pro>span{ width:515px; margin: 60px auto; display: block;  }


.pro dl{ width:285px; float:left; margin:0 9px 30px 6px; height:260px; overflow:hidden;position:relative;}
.pro dl dd img{ margin-top: 15px; width:100%;height:190px; transition: all 0.6s; border:none; }
.pro dl dt{ text-align:center; line-height:30px; height:30px; font-size:14px; color:#000;}
.pro dl:hover {box-shadow: 0px 3px 8px #888888;}
.pro>p>a{color:#fff;display:block; width:160px; height:35px; margin:20px auto; background:red; text-align:center; line-height:35px;  font-size:14px;}
.pro>p>a:hover{ background:rgba(0,0,0,0.6)}
.list{ height:580px;}
.more{ display: block; text-align: center; margin: 0 auto; line-height: 40px ;font-size: 14px; color: #fff; background: #00aeef; width: 215px; height:40px; }

/*product*/
.reson{width: 100%; margin-top: 50px; height: 800px; background: url(../images/pic2.png) center;}
.reson ul{ float: right;padding: 280px 0 0 0 }
.reson ul li{ width: 480px; background: #fff; padding:17px 26px; margin-bottom: 18px; }
.reson ul li p{ font-size: 14px; color: #000; font-weight: bold; }
.reson ul li span{ font-size: 14px; color: #666666;  }

/*reson*/
.abo>span{ width:517px; margin: 60px auto 30px; display: block;  }
.abo dl{ height: auto; overflow: hidden; }
.abo dl dd{ width: 452px; float: left; }
.abo dl dt{ float: right; width: 710px }
.abo dl dt p{ font-weight: bold;  color: #000; font-size: 18px; margin-top: 40px; }
.abo dl dt span{ font-size: 14px; color: #666666; margin: 25px 0; height: 110px;display: block; }
.abo>p{ margin-top: 55px; display: block; }


/*news*/
.news{ margin-bottom:30px }
.news>span{ width:517px; margin: 60px auto 40px; display: block;  }
.news-li{ float: left; width: 380px; margin-right: 30px; }
.news a:nth-child(3) .news-li{ margin: 0 }
.news-li img{width: 380px; height: 100px;}
.news-li h4{color: #000;  font-size: 14px; margin: 15px 0 5px}
.news-li span{ display: block; font-size: 12px; color: #999999 }
.news-li font{ display: block; font-size: 12px; color: #666666; margin-top: 5px; }


/*link*/
.link ul {  height: auto; overflow: hidden; margin: 50px 0; line-height: 40px; }
.link ul li{ float: left; font-weight: bold; color: #666666; font-size: 14px; margin-right: 15px;}
.link ul li a{ color: #666666; font-size: 14px; font-weight: normal; }
.link ul li a:hover{ color: #00aeef }


/*foot*/
.foot{height: 83px; background: #00020f; width: 100%; padding-top: 40px; }
.foot p{ text-align: center; color: #9297a2; font-size: 14px; }


/*****************网站首页结束***********************/
.ban img{width: 100%;}
.pro-left{ float: left; margin-top:25px; width: 200px;  }
.pro-left ul{padding-bottom: 15px; background: #e8e8e8;}
.pro-left ul li{height: 36px; margin-bottom: 5px; line-height: 36px; width: 200px;  background: #e8e8e8;text-indent: 15px;}
.pro-left ul li:first-child{ margin-bottom: 15px; color: #fff; font-weight: bold; background: #007dc5; text-indent: 15px;  }
.pro-left ul li a{color: #007dc5; font-size: 14px;}
.pro-left ul li.bg{ background:#007dc5; }
.pro-left ul li.bg a{ color:#fff  }
.pro-left ul li:hover{background: #007dc5;}
.pro-left ul li:hover a{color: #fff;}
.pro-right{width:970px ; float: left; margin: 25px 0 0 25px;min-height: 600px;  }
.pro-right>p{ color: #007dc5;font-size:18px; text-indent:10px; border-bottom: 1px dashed #ccc; line-height:25px; padding-bottom: 10px; display: block; }


.xinya{float: left;display: inline;margin: 36px 20px 15px 0;border-bottom: 1px solid #c3c3c3;}
.xinya a{width: 300px;height: 250px;display: block;position: relative;text-align: center;}
.xinya a img{border: 5px solid #dadada;width: 100%;height: 100%}
.xinya a:hover img{ border: 5px solid #007dc5 }
.xinya a span { line-height: 30px;  color: #000;  font-size: 16px;  padding-top: 5px; display: inline-block;}

.page{width:100%;line-height:34px;height:34px;text-align:center; margin-top:35px; }
.page span{padding:5px 10px;margin-right:4px; color:#00aeef;border:1px solid #00aeef; font-size:16px; cursor:pointer; }
.page a{padding:5px 10px;margin-right:4px; color:#333333;border:1px solid #999; font-size:16px;}
.page a:hover{color:#000; border:1px solid #007dc5;  }

.pro-right>ul{ height: auto; min-height: 554px;}
.show-top{ margin: 25px 0; width: 100%; height: auto; overflow: hidden;  }
.show-top>span{width: 295px; height: 200px; display: block; float: left;}
.show-right{ width: 295px; margin: 0 auto   }
.show-right{font-weight: bold; color: #000;}
.show-right p{ text-align: center; }
.show-right img{width: 295px}
.show-nav li{ float: left; text-align:  center; line-height: 45px; color: #fff; width: 100px; cursor: pointer; }
.show-nav li.cct{ background: #00aeef }
.show-nav li:hover{ background: #00aeef }
.show-nav{width: 100%; height: 45px; background: #007dc5}

.show-con{padding:10px 10px; color: #9297a2; font-size: 16px; min-height: 300px; display: none;}
.about{padding:10px 10px; color: #9297a2; font-size: 16px; }
.contact{padding:0px 10px; color: #9297a2; font-weight: bold; float: left; }
#dituContent{ float: left; width: 640px; height: 300px; }
.contact-left{width: 300px; float: left; padding-top: 75px; }

.link img{width: 100%}
.link dt{ text-align: center; padding: 2px 0;border-top: 1px solid #ccc; }
.link-li{margin: 20px 0 10px 0; height: auto; overflow: hidden;}

.ig{ float: left; margin: 20px 42px; }

.jidi{ float: left; width: 265px; margin: 20px 24px; }
.jidi img{width: 100%;height: 185px}
.jidi p{ text-align: center; padding: 5px 0 }





.pagelist{text-align: center; clear: both;padding-top:40px }
.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination>li {
	display:inline
}
.pagination>li>a,.pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	z-index:3;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#337ab7;
	border-color:#337ab7
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd
}
